<template>
	<div>

		<div class="ud-app-loader ud-component--header-v6--header udlite-header" data-module-id="common/udlite/desktop" data-module-args="{&quot;isInstructorSignupEnabled&quot;:false,&quot;isLoggedIn&quot;:false,&quot;tryUFBPlacements&quot;:{&quot;bar&quot;:&quot;ufb_header&quot;,&quot;profile&quot;:&quot;account-menu&quot;,&quot;mobile&quot;:&quot;ufb_header&quot;},&quot;mobileAppLink&quot;:{&quot;url&quot;:&quot;/mobile/&quot;},&quot;searchPhrase&quot;:null}" data-module-priority="-10"><div data-unique-id="339" style="display:none"></div>

<div class="udlite-text-sm header--header--3sK1h header--flex-middle--2Xqjv" data-purpose="header"><div class="skip-to-content-button--skip-to-content--1MoIi"><button type="button" class="udlite-btn udlite-btn-large udlite-btn-primary udlite-heading-md skip-to-content-button--skip-to-content-btn--3Uakj"><span aria-hidden="true" class="skip-to-content-button--skip-to-content-shadow--eBW6V"></span><span style="margin:0">跳转至目录</span></button></div><a href="/" class="header--flex-middle--2Xqjv header--logo--bdAod"><img src="../assets/static/picture/logo-coral.svg" alt="Udemy" width="110" height="32" /></a><nav class="header--gap-button--3bIww popper--popper--19faV popper--popper-hover--4YJ5J">
    <span class="udlite-text-sm header--dropdown-button-text--2jtIM">类别</span>
</nav>


<div class="udlite-search-form-autocomplete header--search-bar--1_mS0 udlite-form-group"><label class="udlite-sr-only udlite-form-label udlite-heading-sm" for="u339-search-form-autocomplete--3">搜索任何内容</label>

    <input placeholder="搜索任何内容" name="q" autoComplete="off" value="" id="u339-search-form-autocomplete--3" class="udlite-text-input udlite-text-input-small udlite-text-sm udlite-search-form-autocomplete-input js-header-search-field" /></div>

    <div v-if="username != ''">欢迎您:{{ username }}  <van-button @click="logout">注销</van-button>  </div>

    <div v-else> <router-link to="/mylogin">登录</router-link>/<router-link to="/myreg">注册</router-link> </div>


    <div style="flex:1"></div></div>

</div>
		


	</div>
</template>

<script type="text/javascript">

	export default{

		data(){

			return{

				username:"",
			
				
			}

		},
		mounted:function(){

		//判断是否登录
		var uname = localStorage.getItem("username");

		if(uname == null){

			this.username = '';
		}else{
			this.username = uname;
		}

		},
		//自定义方法
		methods:{


			//注销
			logout:function(){

				localStorage.removeItem("username");
				localStorage.removeItem("token");

				this.$router.push('/mylogin');

			},
			submit:function(){

				//请求后端接口
				this.axios.post('http://localhost:8000/register/',this.qs.stringify({username:this.username})).then((res) =>{

					console.log(res);

					this.$message.info(res.data.message);

				});
				
			}
		}


	};
	


</script>

<style type="text/css">
	

</style>